<!DOCTYPE html>
<html lang="en">

<head>
<title>信保通Demo</title>
<!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
      <![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Phoenixcoded">
<meta name="keywords"
	content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="Phoenixcoded">
<!-- Favicon icon -->
<link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
<!-- Google font-->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css"
	href="/bower_components/bootstrap/css/bootstrap.min.css">
<!-- themify icon -->
<link rel="stylesheet" type="text/css"
	href="/assets/icon/themify-icons/themify-icons.css">
<!-- ico font -->
<link rel="stylesheet" type="text/css"
	href="/assets/icon/icofont/css/icofont.css">
<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css"
	href="/assets/pages/flag-icon/flag-icon.min.css">

<!-- flag icon framework css -->
<link rel="stylesheet" type="text/css"
	href="/assets/pages/flag-icon/flag-icon.min.css">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<!--color css-->
<!-- Data Table Css -->
<link rel="stylesheet" type="text/css"
	href="/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css"
	href="/assets/pages/data-table/css/buttons.dataTables.min.css">
<link rel="stylesheet" type="text/css"
	href="/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css">

<link rel="stylesheet" type="text/css"
	href="/assets/css/linearicons.css">
<link rel="stylesheet" type="text/css"
	href="/assets/css/simple-line-icons.css">
<link rel="stylesheet" type="text/css" href="/assets/css/ionicons.css">
<link rel="stylesheet" type="text/css"
	href="/assets/css/jquery.mCustomScrollbar.css">

</head>

<body>

	<div class="pcoded-inner-content">

		<div class="main-body">
			<div class="page-wrapper">

				<!-- Page-header start -->
				<div class="page-header">
					<div class="page-header-title">
						<h4>客户查询</h4>
					</div>
					<div class="page-header-breadcrumb">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item"><a href="demo_index.html"> <i
									class="icofont icofont-home"></i>
							</a></li>
							<li class="breadcrumb-item"><a href="#!">客户管理</a></li>
							<li class="breadcrumb-item"><a href="#!">客户查询</a></li>
						</ul>
					</div>
				</div>
				<!-- Page-header end -->
				<!-- Page-body start -->
				<div class="page-body">
					<div class="card">
						<div class="card-header">
							<div class="form-group row">
								<label class="col-sm-1 col-form-label">姓名</label>
								<div class="col-sm-2">
									<input type="text" class="form-control">
								</div>
								<label class="col-sm-1 col-form-label">证件号码</label>
								<div class="col-sm-2">
									<input type="text" class="form-control">
								</div>
								<label class="col-sm-1 col-form-label">电话号码</label>
								<div class="col-sm-2">
									<input type="text" class="form-control">
								</div>
								<label class="col-sm-1 col-form-label">保单号</label>
								<div class="col-sm-2">
									<input type="text" class="form-control">
								</div>

							</div>
							<div class="form-group row">
								<div class="col-md-3 offset-md-5">
									<button class="btn btn-round btn-success">
										<i class="icofont icofont-ui-search"></i>查询
									</button>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<button class="btn btn-round btn-warning">
										<i class="icofont icofont icofont-ui-delete"></i>清空
									</button>
								</div>
							</div>
						</div>
						<div class="card-block">
							<div class="table-content crm-table">
								<div class="project-table">
									<table id="crm-contact"
										class="table table-striped table-responsive nowrap">
										<thead>
											<tr>
												<th></th>
												<th>Name</th>
												<th>Email</th>
												<th>Position</th>
												<th>Office</th>
												<th>Age</th>
												<th>Phone No</th>
												<th>Start Date</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td><img src="/assets/images/avatar-1.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Sortino</td>
												<td>Sortino@domain.com</td>
												<td>Accountant</td>
												<td>New York</td>
												<td>45</td>
												<td>+447662552550</td>
												<td>12/12/2016</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-2.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Larry</td>
												<td>Larry@domain.com</td>
												<td>Web Designer</td>
												<td>Singapore</td>
												<td>25</td>
												<td>+442566156222</td>
												<td>6/10/2016</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-3.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Jacob</td>
												<td>Jacob@domain.com</td>
												<td>Web Developer</td>
												<td>London</td>
												<td>45</td>
												<td>+419996156222</td>
												<td>11/09/2014</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-5.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Mark</td>
												<td>Mark@domain.com</td>
												<td>Chief Financial Officer (CFO)</td>
												<td>Abu Dhabi</td>
												<td>33</td>
												<td>+124455645889</td>
												<td>01/05/2013</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-4.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Steve</td>
												<td>Steve@domain.com</td>
												<td>Customer Support</td>
												<td>New York</td>
												<td>48</td>
												<td>+111322574563</td>
												<td>02/1/2012</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-1.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Larry the Bird</td>
												<td>Larry@domain.com</td>
												<td>Team Leader</td>
												<td>San Francisco</td>
												<td>22</td>
												<td>+146772555563</td>
												<td>19/12/2015</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-2.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Colleen Hurst</td>
												<td>ColleenHurst@domain.com</td>
												<td>Systems Administrator</td>
												<td>Edinburgh</td>
												<td>61</td>
												<td>+132563566000</td>
												<td>12/05/2016</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-3.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Charde Marshall</td>
												<td>Charde@domain.com</td>
												<td>Director</td>
												<td>Hong Kong</td>
												<td>35</td>
												<td>+124567254789</td>
												<td>06/09/2016</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-4.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Cedric Kelly</td>
												<td>Cedric@domain.com</td>
												<td>Senior Marketing Designer</td>
												<td>London</td>
												<td>38</td>
												<td>+142632446563</td>
												<td>26/03/2012</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-5.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Caesar Vance</td>
												<td>Caesar@domain.com</td>
												<td>Software Engineer</td>
												<td>New York</td>
												<td>48</td>
												<td>+163632525963</td>
												<td>11/04/2013</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-1.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Brielle Williamson</td>
												<td>Brielle@domain.com</td>
												<td>Secretary</td>
												<td>San Francisco</td>
												<td>41</td>
												<td>+198522564593</td>
												<td>12/07/2016</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-2.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Brenden Wagner</td>
												<td>Brenden@domain.com</td>
												<td>Sales Assistant</td>
												<td>Sidney</td>
												<td>24</td>
												<td>+262536566563</td>
												<td>26/01/2015</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-3.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Bradley Greer</td>
												<td>Bradley@domain.com</td>
												<td>Marketing Designer</td>
												<td>Edinburgh</td>
												<td>43</td>
												<td>+464272562212</td>
												<td>30/08/2014</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-4.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Ashton Cox</td>
												<td>Ashton@domain.com</td>
												<td>Office Manager</td>
												<td>San Francisco</td>
												<td>47</td>
												<td>+173698546794</td>
												<td>19/09/2014</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-5.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Angelica Ramos</td>
												<td>Angelica@domain.com</td>
												<td>Integration Specialist</td>
												<td>Tokyo</td>
												<td>39</td>
												<td>+123362566511</td>
												<td>14/02/2012</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-1.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Airi Satou</td>
												<td>Airi@domain.com</td>
												<td>Javascript Developer</td>
												<td>Singapore</td>
												<td>32</td>
												<td>+138820665637</td>
												<td>16/07/2014</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-2.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">Jenu Shash</td>
												<td>Jenu@domain.com</td>
												<td>Director</td>
												<td>Bogota</td>
												<td>28</td>
												<td>+144422563456</td>
												<td>22/12/2011</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-3.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">parimal</td>
												<td>parimal@domain.com</td>
												<td>Financial Controller</td>
												<td>London</td>
												<td>41</td>
												<td>+169632566511</td>
												<td>28/04/2013</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
											<tr>
												<td><img src="/assets/images/avatar-5.png"
													class="d-inline-block img-circle " alt="tbl"></td>
												<td class="pro-name">krish patel</td>
												<td>krish@domain.com</td>
												<td>Developer</td>
												<td>George Town</td>
												<td>30</td>
												<td>+362532566563</td>
												<td>06/12/2012</td>
												<td class="action-icon"><a href="javascript:;"
													class="m-r-15 crm-action-edit text-muted"><i
														class="icofont icofont-document-search"></i></a></td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th></th>
												<th>Name</th>
												<th>Email</th>
												<th>Position</th>
												<th>Office</th>
												<th>Age</th>
												<th>Phone No</th>
												<th>Start Date</th>
												<th>Action</th>
											</tr>
										</tfoot>
									</table>
								</div>
							</div>
						</div>
					</div>

					<!-- Container-fluid ends -->
				</div>
				<!-- Page-body end -->
			</div>
		</div>


	<!-- Older IE warning message -->
	<!--[if lt IE 9]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
    <div class="iew-container">
        <ul class="iew-download">
            <li>
                <a href="http://www.google.com/chrome/">
                    <img src="/assets/images/browser/chrome.png" alt="Chrome">
                    <div>Chrome</div>
                </a>
            </li>
            <li>
                <a href="https://www.mozilla.org/en-US/firefox/new/">
                    <img src="/assets/images/browser/firefox.png" alt="Firefox">
                    <div>Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.opera.com">
                    <img src="/assets/images/browser/opera.png" alt="Opera">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/safari/">
                    <img src="/assets/images/browser/safari.png" alt="Safari">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                    <img src="/assets/images/browser/ie.png" alt="">
                    <div>IE (9 & above)</div>
                </a>
            </li>
        </ul>
    </div>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
	<!-- Warning Section Ends -->
	<!-- Required Jqurey -->
	<script type="text/javascript"
		src="/bower_components/jquery/js/jquery.min.js"></script>
	<script src="/bower_components/jquery-ui/js/jquery-ui.min.js"></script>
	<script type="text/javascript"
		src="/bower_components/popper.js/js/popper.min.js"></script>
	<script type="text/javascript"
		src="/bower_components/bootstrap/js/bootstrap.min.js"></script>
	<!-- jquery slimscroll js -->
	<script type="text/javascript"
		src="/bower_components/jquery-slimscroll/js/jquery.slimscroll.js"></script>
	<!-- modernizr js -->
	<script type="text/javascript"
		src="/bower_components/modernizr/js/modernizr.js"></script>
	<script type="text/javascript"
		src="/bower_components/modernizr/js/css-scrollbars.js"></script>
	<!-- classie js -->
	<script type="text/javascript"
		src="/bower_components/classie/js/classie.js"></script>

	<!-- i18next.min.js -->
	<script type="text/javascript"
		src="/bower_components/i18next/js/i18next.min.js"></script>
	<script type="text/javascript"
		src="/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js"></script>
	<script type="text/javascript"
		src="/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js"></script>
	<script type="text/javascript"
		src="/bower_components/jquery-i18next/js/jquery-i18next.min.js"></script>
	<!-- datatable js -->
	<script
		src="/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
	<script
		src="/bower_components/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script
		src="/bower_components/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
	<script
		src="/bower_components/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
	<!-- product list js -->
	<script type="text/javascript"
		src="/assets/pages/crm-contact/crm-contact.js"></script>
	<!-- Custom js -->

	<script type="text/javascript" src="/assets/js/script.js"></script>
	<script src="/assets/js/pcoded.min.js"></script>
	<!-- pcmenu js -->
	<script src="/assets/js/pcoded.min.js"></script>
	<script src="/assets/js/demo-12.js"></script>
	<script src="/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="/assets/js/jquery.mousewheel.min.js"></script>
</body>

</html>
